当前位置：flash8.0教程－基础教程

名称

《选择题－剪辑》的制作过程

预览

《选择题－影片剪辑》的制作方法

【实例说明】：

本例制作一个选择题动画的效果。特别适合电子课件、电子教案、电子试卷、网页的制作等。

【操作步骤】：

〖一〗、新建文档

1. 单击“文件”/“新建”命令，创建一个新文档；
2. 单击“修改”/“文档”命令；在“文档属性”对话框中设置“尺寸”为300×500，背景色为白色；单击“确定”按钮。

〖二〗、制作“背景层”

1. 双击“图层1”；然后将其命名为“背景层”；
2. 然后选择工具栏上的矩形工具随意在舞台上绘制一个矩形背景；可参照下面的背景图形：

〖三〗、制作“题目层”

1、选中“背景”图层；单击时间轴上的添加新图层按钮，再添加一个新图层；然后双击该图层将其命名为“题目层”；

2、选择工具栏上的文本工具；然后输入以下文本信息（文本信息可以随便输入两道选择题即可）；参照下图：

〖四〗、制作“判断层”

一、创建“对错”影片剪辑元件：

1、单击“插入”/“新建元件”，打开创建新元件对话框。在名称中输入“对错”，并单击一下“影片剪辑”复选框；单击“确定”按钮进入该元件的编辑状态。{在此不进行任何操作，单击舞台上方的“场景1”按钮直接返回到主场景中。然后按“Ctrl+L”打开库面板，将该影片剪辑元件拖放到舞台上（由于它是一个空的影片剪辑元件，所以在舞台上此时只是一个小圆点）；双击该圆点，进入该影片剪辑元件的编辑区开始进行编辑）}

2、选中图层1的第2帧；按F7键插入“空白关键帧”；然后在舞台中绘制一个“√”号（注意对号的位置刚好在第一题选择题的句号后面哦）；

3、选中图层1的第3帧；按F7键插入“空白关键帧”；然后在舞台中绘制一个“×”号（注意对号的位置刚好在第一题选择题的句号后面哦）；

4、选中图层1的第1帧；打开动作面板，添加一个如下的停止语句：

stop();

5、绘制完毕后，单击舞台上方的“场景1”按钮返回到主场景中；最后将舞台上的影片剪辑元件从舞台上删除掉。

?

二、创建“答案”影片剪辑元件：

1、单击“插入”/“新建元件”，打开创建新元件对话框。在名称中输入“答案”，并单击一下“影片剪辑”复选框；单击“确定”按钮进入该元件的编辑状态。{在此不进行任何操作，单击舞台上方的“场景1”按钮直接返回到主场景中。然后按“Ctrl+L”打开库面板，将该影片剪辑元件拖放到舞台上（由于它是一个空的影片剪辑元件，所以在舞台上此时只是一个小圆点）；双击该圆点，进入该影片剪辑元件的编辑区开始进行编辑）}

2、选中图层1的第2帧；按F7键插入“空白关键帧”；然后在舞台中利用文本工具输入一个字母“A”；（注意字母A的位置刚好在第一题选择题的横线上面哦）；

3、选中图层1的第3帧；按F6键插入“关键帧”；然后在舞台中将字母“A”直接修改成字母“B”；

4、选中图层1的第4帧；按F6键插入“关键帧”；然后在舞台中将字母“A”直接修改成字母“C”；

5、选中图层1的第5帧；按F6键插入“关键帧”；然后在舞台中将字母“A”直接修改成字母“D”；

6、提醒：以上字母ABCD的位置均安排在选择题的横线上面。

7、选中图层1的第1帧；打开动作面板，添加一个如下的停止语句：

stop();

8、绘制完毕后，单击舞台上方的“场景1”按钮返回到主场景中；最后将舞台上的影片剪辑元件从舞台上删除掉。

三、制作“判断层”

1、选中“题目”图层；单击时间轴上的添加新图层按钮，再添加一个新图层；然后双击该图层将其命名为“判断层”；

2、选中该图层的第1帧；按“Ctrl+L”打开库面板，将“答案”影片剪辑元件拖放到舞台上，位置放在选择题第1题题目中的横线上面（下图中的01位置）；依照此方法，再次打开库面板，再从中拖放一个放在选择题第2题题目中的横线上面（下图中的03位置）；然后可以双击舞台上的代表“答案”影片剪辑元件的小圆点进入编辑窗口；适当对图层1第2、3、4、5帧中字母的调整，使它们的位置更合理一些。

具体位置参见下图：

3、选中该图层的第1帧；按“Ctrl+L”打开库面板，将“对错”影片剪辑元件拖放到舞台上，位置放在选择题第1题题目句号的后面（上图中的02位置）；依照此方法，再次打开库面板，再从中拖放一个放在选择题第2题题目句号的后面（上图中的04位置）；然后可以双击舞台上的代表“对错”影片剪辑元件的小圆点进入编辑窗口；适当对图层1第2、3帧中“√”和“×”的调整，使它们的位置更合理一些。

4、确认选中上图中01位置的“答案”影片剪辑元件；打开属性面板；将其“实例名称”命名为“mc1”；

5、确认选中上图中02位置的“对错”影片剪辑元件；打开属性面板；将其“实例名称”命名为“mc11”；

6、确认选中上图中03位置的“答案”影片剪辑元件；打开属性面板；将其“实例名称”命名为“mc2”；

7、确认选中上图中04位置的“对错”影片剪辑元件；打开属性面板；将其“实例名称”命名为“mc22”；

〖五〗、制作“隐形按钮层”

1、选中“判断”图层；单击时间轴上的添加新图层按钮，再添加一个新图层；然后双击该图层将其命名为“隐形按钮层”；

2、选中该图层的第1帧，单击“插入”/“新建元件”，打开创建新元件对话框。在名称中输入“隐形按钮”，并单击一下“按钮”复选框；单击“确定”按钮进入该元件的编辑状态。{在此不进行任何操作，单击舞台上方的“场景1”按钮直接返回到主场景中。然后按“Ctrl+L”打开库面板，将该元件拖放到舞台上（由于它是一个空的元件，所以在舞台上此时只是一个小圆点）；双击该圆点，进入该影片剪辑元件的编辑区开始进行编辑）}

3、选中“弹起”帧；选中工具栏上的矩形工具，同时将笔触颜色设为无；在舞台上随意绘制一个矩形；利用工具栏上的任意变形工具适当调整矩形的位置，使矩形大小刚好覆盖住选择题的选项为宜；

4、选中该矩形；打开混色器面板；调整其Alpha值为“0%”；

5、选中“点击”帧；按下F5键插入“帧”；

6、单击“舞台”左上角的“场景1”按钮返回到主场景中；并且将舞台上面的隐形按钮直接删除掉。

7、在舞台中选中“”图层的第1帧；打开库面板；将刚刚创建的隐形按钮元件拖放8个到舞台上面，位置放到每道选择题的四个选项上面，让它们刚好能覆盖住每个选项为宜；具体位置参见下面的黑色矩形条位置（提醒：下图中的黑色矩形条并非实际按钮，而是为了方便说明隐形按钮的位置随便绘制的几个黑色矩形条，实际的隐形按钮是不可见的）：

〖六〗、制作“提交按钮层”

1、选中“隐形按钮”图层；单击时间轴上的添加新图层按钮，再添加一个新图层；然后双击该图层将其命名为“提交按钮层”；

2、选中该图层的第1帧；单击“窗口”/“公用库”/“按钮”命令，双击按钮文件夹并从中选择一种按钮；然后拖放到舞台上面即可；双击按钮进入按钮编辑状态；选中“text”图层；单击图层下面的“删除图层”按钮，删除该文字图层；

3、单击“舞台”左上角的“场景1”按钮返回到主场景中；选择工具栏上的文本工具直接在按钮上面输入静态文本“提交”；如下图：

4、选中该图层的第2帧；按F6键插入“关键帧”；然后将“提交”文字改为“重选”；如下图：

〖七〗、制作“分数层”

1、选中“提交按钮”图层；单击时间轴上的添加新图层按钮，再添加一个新图层；然后双击该图层将其命名为“分数层”；

2、选中该图层的第1帧，选择工具栏上的文本工具直接在舞台上面输入静态文本“分数”和“分”；注意它们两者之间要留一点空间以便加入一个动态文本框；如下图：

3、选中工具栏上的文本工具，打开属性面板；选择“动态文本”、字体颜色选黑色；然后在“分数”后面的矩形框上面拖出一个大小合适的动态文本框；然后选中该文本框，在变量名中命名为“fs”;

〖八〗、收尾工作：

1、除了“提交按钮”图层的第2帧已经插入了“关键帧”之外，我们还需要将其它图层增加1帧；

2、分别选中其它图层的第2帧；分别按下F5键，插入“帧”；

〖九〗、制作“action层”

1、选中“分数按钮”图层；单击时间轴上的添加新图层按钮，再添加一个新图层；然后双击该图层将其命名为“action层”；

2、选中该图层的第1帧；添加如下代码：

stop();

//停止语句

mc1.gotoAndStop(1);

//答案剪辑返回到第1帧;

mc11.gotoAndStop(1);

//对错剪辑返回到第1帧;

mc2.gotoAndStop(1);

//答案剪辑返回到第1帧;

mc22.gotoAndStop(1);

//对错剪辑返回到第1帧;

d1 = "0";

//答案1初始值为0;

d2 = "0";

//答案2初始值为0;

3、选中该图层的第2帧；添加如下代码：

fs = (d1+d2)*50;

//分数等于答案1加上答案2再各乘于50分;

//第一题

if (d1 == 1) {

mc11.gotoAndStop(2);

} else {

mc11.gotoAndStop(3);

}

//第二题

if (d2 == 1) {

mc22.gotoAndStop(2);

} else {

mc22.gotoAndStop(3);

}

【十】为其它元件添加代码：

4、选中“提交”按钮，添加如下代码：

on (release) {

gotoAndStop(2);

}

5、选中“重选”按钮，添加如下代码：

on (release) {

gotoAndStop(1);

mc1.gotoAndStop(1);

mc11.gotoAndStop(1);

mc2.gotoAndStop(1);

mc22.gotoAndStop(1);

fs = "";

}

以下为第一题选择题目的隐形按钮添加代码：

5、确认选中覆盖在第1题选择题A选项上面的隐形按钮，添加如下代码：

on (release) {

mc1.gotoAndStop(2);

d1=0;

}

6、确认选中覆盖在第1题选择题B选项上面的隐形按钮，添加如下代码：

on (release) {

mc1.gotoAndStop(3);

d1=0;

}

7、确认选中覆盖在第1题选择题C选项上面的隐形按钮，添加如下代码：

on (release) {

mc1.gotoAndStop(4);

d1=0;

}

8、确认选中覆盖在第1题选择题D选项上面的隐形按钮，添加如下代码：

on (release) {

mc1.gotoAndStop(5);

d1=1;

}

以下为第二题选择题目的隐形按钮添加代码：

9、确认选中覆盖在第1题选择题A选项上面的隐形按钮，添加如下代码：

on (release) {

mc2.gotoAndStop(2);

d2=0;

}

10、确认选中覆盖在第1题选择题B选项上面的隐形按钮，添加如下代码：

on (release) {

mc2.gotoAndStop(3);

d2=1;

}

11、确认选中覆盖在第1题选择题C选项上面的隐形按钮，添加如下代码：

on (release) {

mc2.gotoAndStop(4);

d2=0;

}

12、确认选中覆盖在第1题选择题D选项上面的隐形按钮，添加如下代码：

on (release) {

mc2.gotoAndStop(5);

d2=0;

}

〖十一〗、最后按“Ctrl+Enter”组合键测试影片

【十二】、最后的说明：

在本实例制作过程中，出于制作过程简单化的考虑，只制作了两道选择题，而我们制作选择题时往往不只两题，而是很多，其实这也并不难，只需要将上面的代码稍稍修改一下即可实现，以下为了提高读者读懂Action语言的水平,在下面作一下说明：

?? 比如我们要制作一个有10道题的选择题。

1、由上例中不难看出，不管题目有多少，一般只需要稍稍修改一下代码中的数字即可。比如制作10道题的代码：

（1）对于“隐形按钮”：每道题的A、B、C、D四个选项上的隐形按钮的代码基本是相同的，把其中的数字修改成相应的数字即可。比如把“mc2”、“d2”中的数字改为相应的题号的数字即可。

（2）对于“答案”影片剪辑：每道题“答案”影片剪辑的实例名称和位置基本是相同的，对于实例名称要把其中的数字修改成相应的数字即可。比如把“mc2”为中的数字改为相应的题号的数字即可。

（3）对于“对错”影片剪辑：每道题“对错”影片剪辑的实例名称和位置也是基本是相同的，对于实例名称要把其中的数字修改成相应的数字即可。比如把“mc22”为中的数字改为相应的题号的双数字即可。

（4）对于“提交”按钮：代码不变。

（5）对于“重选”按钮：要把代码中的“mc1”、“mc11”、“mc2”、“mc22” 中的数字改为相应的题号的单或双数字即可。

（6）对于“action”图层的代码变化如下：

A．第1帧的代码：

也只是更改其中的数字为相应题号中的单或双数字。

B．第2帧的代码：

首先每一题都要复制一个条件语句（即代码中的if语句），然后也只是更改其中的数字为相应题号中的单或双数字。

以上只要读者稍稍用心，就不难掌握其中的奥秘。编者就不在此多话了。